<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>制作畅销书排行榜</title>
		<style>
			#book h3{
				border: 0px solid red;
				background: green;
				color: white;
				width: 265px;
				padding-left: 20px;
				height: 40px;
				line-height: 40px;
			}

			#book h3 img{
				padding-left: 5px;
				width:35px;
				height:35px;
			}

			#book ul{
				list-style: none;
			}

			#book ul li{
				color: cornflowerblue;
				line-height: 33px;
				padding-left: 0px;
				text-decoration: none;

			}

			#book ul li a{
				padding-left: 7px;

			}
		</style>
	</head>
	<body>
		<div id="book">
			<h3>畅销书排行<img src="img/bang.gif" /></h3>
			<ul>
				<li><img src="img/book_no01.gif" /><a>不抱怨的世界(畅...</a></li>
				<li><img src="img/book_no02.gif" /><a>遇见未知的自己...</a></li>
				<li><img src="img/book_no03.gif" /><a>活法（季羡林、...</a></li>
				<li><img src="img/book_no04.gif" /><a>高效能人士的七个习惯</a></li>
				<li><img src="img/book_no05.gif" /><a>被迫强大（北外女生香奈儿...</a></li>
				<li><img src="img/book_no06.gif" /><a>遇见心想事成的自己（《遇...</a></li>
				<li><img src="img/book_no07.gif" /><a>世界上最伟大的推销员（插...</a</li>
				<li><img src="img/book_no08.gif" /><a>我的成功可以复制（唐骏亲...</a></li>
				<li><img src="img/book_no09.gif" /><a>少有人走的路：心智成熟的...</a></li>
				<li><img src="img/book_no10.gif" /><a>活出全新的自己——唤醒...</a></li>
			</ul>
		</div>
	</body>
</html>